<!--  -->
<template>
  <view class="main">
     <view >
		   <img src="../../../static/componentBg.png" alt="">
	   </view>
	   <view class="nav">
		   <view v-for="(nali,key) in navlist" :key="key" style="animation: 1.2s ease 0s 1 normal none running show;"  class="nav-li" :class="'bg-'+nali.color">
            <span class="nav-title">{{nali.title}}</span>
			  <i class="navIcon" :class="'cuIcon-'+nali.cuIcon"></i>
			  <span class="nav-name">{{nali.name}}</span>
		   </view>
       </view>
    </view>  
</template>

<script>
export default {
  data () {
    return {
      
    };
  },
  computed:{
      navlist() {
       return this.$store.state.components;
      }
  }

  
}

</script>
